<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .admin {
            /* display: block; */
            margin: 5px 0;
        }

        .input {
            /* width: 300px; */
            margin: 30px auto;
            /* float: left; */
        }

        .box {
            width: 900px;
            /* height:320px; */
            box-shadow: 0 0 10px rgb(0, 0, 0, 0.2);
            /* float: left; */
            /* margin-left: 100px; */
            margin-top: 50px;
            /* margin: 50px 30px; */
        }

        .list_render {
            text-align: center;
        }

        .list_render tr {
            height: 29px;
            line-height: 29px;
            background-color: salmon;
            font-size: 14px;
            color: #333;
        }

        /* .list_render td{
            
        } */
        .search p {
            float: left;
            margin-left: 5px;
        }

        /* .update-btn,.del-btn{
            color: ;
        } */
    </style>
    <script src="./jquery-3.5.1.min.js"></script>
    <!-- <script src="../layDate-v5.0.9/laydate/laydate.js"></script> -->
    <script src="./add.js"></script>
</head>

<body>
    <!-- <form method="POST" action="/admin/add"> -->
    <div class="input">
        <div>
            <input type='text' class="admin username" name='name' placeholder="用户名">
            <span class="uname-err" style="font-size: 12px; color: rgb(221, 12, 12); display: none;">用户名重名!</span>
        </div>
        <div>
            <input type='text' class="admin age" name='age' placeholder="年龄">
        </div>
        <div>
            <input type='text' class="admin sex" name='sex' placeholder="性别">
        </div>
        <div>
            <input type='text' class="admin phone" name='phone' placeholder="手机号">
        </div>
        <div>
            <input type="text" class="admin email" name="email" placeholder="邮箱">
        </div>
        <div>
            <input class="admin date date-s" type='date' placeholder="请选择时间">
        </div>
        <div>
            <input type="checkbox" name="看书" class="hobbies">看书
            <input type="checkbox" name="写作业" class="hobbies">写作业
            <input type="checkbox" name="玩手机" class="hobbies">玩手机
        </div>
        <div>
            <button type="submit" class="btn">添加用户</button>
        </div>
    </div>
    <!-- </form> -->
</body>

</html>